<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HomePage - Votings</title>
<link href="media/css/style.css" rel="stylesheet" type="text/css" />
<script src="media/js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="media/js/jquery.masonry.min.js" type="text/javascript"></script>
<script>
$(function(){
	var $container = $('#container');
	
	$container.imagesLoaded( function(){
	  $container.masonry({
	    itemSelector : '.pin',
	    isAnimated: 'true'
	    
	  });
	});
});
</script>
</head>

<body>
<div id="header">
<div class="header-inner clearfix">
	<div class="logo"></div>
	<div class="link_wrap">
		<a class="link-votings" href="#">随便看看</a>
		<a class="link-settings" href="#">帐户设置</a>
	</div>
	<div class="user-login clearfix">
		<div class="user-login-photo"><a href="#"><img src="img/header/1.png" alt="name" /></a></div>
		<div class="user-login-name"><a href="#">苍井空</a></div>
		<div class="user-logout"><a href="#">退出</a></div>
	</div>
</div>
</div>
<!--header-end-->
<div id="main">
	<div class="box clearfix">
		<div class="my-profile">
			<div class="box-header"><h1>苍井空</h1></div>
			<div class="my-header-pic"><img src="img/header/header.jpg" width="180" /></div>
			<div class="my-edit"><a href="#" class="edit-my-profile">编辑资料</a><a href="#" class="edit-my-header">上传头像</a></div>
		</div>
		
		<div class="my-post">
			<div class="box-header"><h1>我发起的投票</h1><input type="button" name="create-voting" class="create-voting" value="" /></div>
			<div id="container" class="photo-wrap">
				<div class="pin">
					<a href="#"><img src="img/01.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
				<div class="pin">
					<a href="#"><img src="img/02.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
				<div class="pin">
					<a href="#"><img src="img/03.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
				<div class="pin">
					<a href="#"><img src="img/04.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
				<div class="pin">
					<a href="#"><img src="img/05.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
				<div class="pin">
					<a href="#"><img src="img/06.jpg" /></a>
					<div class="votings-info">
						<div class="votings-data"><span class="votings-down">3</span><span class="votings-up">23</span></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</div>
<!--main end-->

<div class="footer"><!--预留位置--></div>
</body>
</html>
